import { Divider, Input, Flex, InputNumber } from "antd";
import { EditOutlined } from "@ant-design/icons";
const { Search, TextArea } = Input;
const View = () => {
    return (
        <>
            <Divider>
                <h3>基本使用</h3>
            </Divider>
            <Flex space='between' gap={20} align='center'>
                <Input
                    addonBefore='用户名'
                    placeholder='请输入用户名'
                    size='large'
                />
                <Input
                    addonAfter='密码'
                    placeholder='请输入密码'
                    size='large'
                />
                <Search
                    placeholder='请输入搜索内容'
                    enterButton='搜索'
                    size='large'
                    loading
                />
                <TextArea
                    placeholder='请输入内容'
                    autoSize={{ minRows: 4, maxRows: 8 }}
                />
                <Input
                    prefix={<EditOutlined />}
                    status='error'
                    allowClear
                    placeholder='输入信息有误'
                />
                <Input
                    allowClear
                    placeholder='输入信息有误'
                    count={{
                        show: true,
                        max: 10,
                    }}
                />
            </Flex>
            <Divider>
                <h3>数字输入框</h3>
            </Divider>
            <Flex space='between' gap={20} align='center'>
                <InputNumber
                    defaultValue={3}
                    min={1}
                    max={10}
                    step={2}
                    changeOnWheel
                />
            </Flex>
        </>
    );
};

export default View;
